<template>
    <div ref='myChart' class="chart">
    </div>
</template>
<script>
    import * as echarts from 'echarts';
    export default {
        name: 'LineChart',
        mounted() {
            // 获取echarts实例对象
            var myChart = echarts.init(this.$refs.myChart);
            // 绘制图表
            myChart.setOption({
                xAxis: {
                    show: false,
                    type: 'category'
                },
                yAxis: {
                    show: false
                },
                series: [
                    {
                        name: '支付笔数',
                        type: 'bar',
                        data: [45, 20, 36, 25, 48, 18, 56, 33, 15, 26, 75, 52, 16, 10],
                    }
                ],

                grid: {
                    top: 0,
                    left: 0,
                    right: 0,
                    bottom: 0
                }
            });
        },
    }
</script>
<style scoped>
    .chart {
        width: 100%;
        height: 100%;
    }
</style>